$(function () {
    var newDiv = $('.new-content1')
    var hotDiv = $('.hot-content1')
    var flag = true
    console.log(flag);
    var spans = $('.title')
    getData('useing/master',flag)
    $.each(spans, function (index, el) {
        $(el).click(function () {
            $('.active').removeClass('active')
            $(this).addClass('active')
            var contentName = $(this).attr('content1')
            if (contentName === 'new-content') {
                newDiv.show()
                hotDiv.hide()
                getData('useing/master',flag)

            } else if (contentName === 'hot-content') {
                newDiv.hide()
                hotDiv.show()
                flag = false
                getData('useing/master',flag)
            } 
        })
    })
    function getData(url1,flag) {
        $.ajax({
            url: 'http://localhost:3000/' + url1,
            type: 'get',
            success(data) {
                // console.log(data.length);
                // console.log(data[0][0].text);
                // debugger

                var str = '';
                if (flag == true ) {
                    for (var i = 1; i <= 4; i++) {
                        str+='<div class=imgs><img src=../img/bg'
                        + i + '.jpg>' + '</img><div class=box1><p class=text>' +
                        data[i].text + '</p><p class=text1>' +'<img src=../css/img/tx.jpg>'+
                         '<span>'+data[i].uName+'</span>'+
                        '<span>'+ data[i].endTime+'</span></p></div></div>'
                         
                     }
                    //  str+= '<div class=right><p class=righ-title><span></span>极果体验师</p><img src=../img/tiyanImg.jpg></div>'
                    newDiv.html(str)
                } 
                else if (flag == false) {
                    for (var i = 5; i <= 8; i++) {
                        str+='<div class=imgs><img src=../img/bg'
                        + i + '.jpg>' + '</img><div class=box1><p class=text>' +
                        data[i].text + '</p><p class=text1>' +'<img src=../css/img/tx.jpg>'+
                         '<span>'+data[i].uName+'</span>'+
                        '<span>'+ data[i].endTime+'</span></p></div></div>'
                         
                     }
                    hotDiv.html(str)
                } 
            }
        })
    }








})